<%@ page language="java" pageEncoding="utf-8" buffer="128kb"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ include file="/pages/safeai/jsp/common/taglibs.jsp"%>
<%@ page isELIgnored="false"%>
<style type="text/css"  >
.sepresent{width:auto;padding-right:30px;padding-top:5px;margin:0px;float:left}
.seprice{width:auto;padding-right:30px;padding-top:5px;margin:0px;float:left}
.stock{color:#FF6600}
</style>
<head>
	<title>${viewCatalogName} - 锐意网 - 中文最大网上摄影器材商城</title>
	<%@ include file="/pages/safeai/jsp/common/meta.jsp"%>
	<link href="${ctx}/css/style.css" rel="stylesheet" type="text/css" />
	<script language="JavaScript" type="text/javascript" src="${ctx}/script/shop/bannerrollover.js"></script>
	<script language="JavaScript" src="${ctx}/js/tabar.js"></script>
	<script language="JavaScript" src="${ctx}/script/common/common.js"></script>
	<script language="JavaScript" src="${ctx}/js/sort.js"></script>
	<script language="JavaScript" src="${ctx}/js/json2.js"></script>
	<script language="JavaScript" src="${ctx}/js/filter.js"></script>
	<script language="JavaScript" src="${ctx}/js/jquery.js"></script>
	<script language="JavaScript" src="${ctx}/script/shop/productShop.js"></script>
	<script language="JavaScript" src="${ctx}/script/shop/productnotify.js"></script>
	<script type='text/javascript' src='${ctx}/dwr/interface/productService.js'></script>
  	<script type='text/javascript' src='${ctx}/dwr/engine.js'></script>
	<script language="JavaScript" type="text/javascript"  src="${ctx}/js/ScrollPic.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function(){
			jQuery("div.filters a").not(jQuery("#resetFilter")).bind("mousedown",doFilter);
			jQuery("div.products_status img").bind("mousedown",fillFilters);
			jQuery("div.products_status img[onclick]").bind("mousedown",function(){
				jQuery(this).trigger("click");
			});
			jQuery("div.products_status select.products_sort").bind("change",function(event){
				jQuery("#sort").val($(event.target).val());
				jQuery("#offset").val("0");
				fillFilters();
				jQuery("form#filterForm")[0].submit();
			});
			jQuery("div.products_status img[id=grid]").bind("mousedown",function(){
				jQuery("#view").val("1");
				jQuery("form#filterForm")[0].submit();
			});
			jQuery("div.products_status img[id=list]").bind("mousedown",function(){
				jQuery("#view").val("2");
				jQuery("form#filterForm")[0].submit();
			});
			jQuery(":checkbox[name=chkSel]").bind("click",function(event){
				var evt = jQuery(event.target);
				if(jQuery("div.products_compare ul>li[id][id!=" + evt.val() + "]").length / 2 == 2){
					evt.attr("checked",false);
					alert("最多只能有2个商品参加比较!");
					return;
				}
				if(evt.attr("checked")){
					jQuery("div.products_compare ul>li:has(:button.products_compare_menu)").before(jQuery("<li id=" + evt.val() + ">&nbsp;" + evt.attr("label") + "</li>").prepend(jQuery("<img src='${ctx}/images/compare_cancel.jpg' border='0'/>").css("cursor","pointer").mousedown(removeCompareProduct)));
				}else{
					jQuery("div.products_compare ul>li").remove("#" + evt.val());
				}
			});
			jQuery("div.products_compare :button.products_compare_menu").bind("click",compare);
		});
		function resetFilter(){
			document.getElementById('filters').value='';
			jQuery("form#filterForm")[0].submit();
		}
</script>
</head>
<body>
<style>
form{margin:0;padding:0;}
.product_ad pre,.product_ad pre p{padding:0;margin:0;}
</style>
<div class="bg">
  <div class="bg_inside" style="float:none">
  <div class="head" style="height:104px;">
  	<c:import url="/pages/safeai/jsp/shop/header.jsp"></c:import>
  	<div class="clearAll"></div>
 </div>
 <form id="filterForm" action="${ctx}/catalog/catalogMessage.do" method="get">
<input type="hidden" name="method" value="productFilter">
<input type="hidden" name="catalogCode" value="${catalog.catalogCode}">
<input type="hidden" id="offset" name="pager.offset" value="${Page.offset}"/>
<input type="hidden" name="pageSize" value="${Page.pageSize}"/>
<input type="hidden" id="view" name="view" value="${view}">
<input type="hidden" id="sort" name="sort" value="${sort}">

<input type="hidden" name="bdsfkl" value="${daohang}">
<input type="hidden" name="bdsfkdfhfdl" value="${daohang1}">

<div  class="middle">
<div class="product_ad" style="float:none;"><pre>${sec1}</pre></div>
<style>
.middle_ad_top pre{margin:0;padding:0;margin-top:2px;}
.middle_ad_top pre img{margin:0;padding:0;font-size:0;line-height:0;display:inline;border:0;}
.middle_ad_top pre p{margin:0;padding:0;font-size:0;line-height:0;border:0;}
</style>
<div class="middle_left"><div class="bread" style="float:none">您所在的位置：<a href="${ctx}">首页</a> <logic:present name="daohang">> ${daohang}</logic:present> <logic:present name="daohang1">> ${daohang1}</logic:present> <logic:present name="daohang2">> ${daohang2}</logic:present></div>

<div class="middle_ad_top" style="float:none;"><div class="middle_ad_top_left"><div class="middle_ad_top_left_top"><pre>${sec2}</pre></div>
<div class="middle_ad_top_left_bottom">${sec5}</div></div><div class="middle_ad_top_right"><pre style="width:391px;height:97px;overflow:hidden;">${sec3}</pre><pre style="width:391px;height:97px;overflow:hidden;">${sec4}</pre></div>
<div class="clearAll"></div>
</div>

<div  class="filters" style="float:none">
<input type="hidden" id="filters" name="filters" value="${filters}">
<ul style="float:none">
<li style="float:none">${catalog.name}_商品筛选</li>
<logic:present name="filterList">
	<li><span>筛选条件：</span><ul><li><span style="width:auto;height:auto;padding:0px;margin:8px 0px 0px 0px; float:left;background-image:none;color:#F39221; line-height:normal">
		<logic:present name="historyRange">
			<logic:iterate id="range" indexId="index" name="historyRange">
				<logic:greaterThan name="index" value="0"> + </logic:greaterThan>
				${range.value.name}
			</logic:iterate>
		</logic:present>
						<logic:present name="teshu">
						${teshu}
				</logic:present>
	<!-- 佳能 <img src="${ctx}/images/filter_cancel.jpg" /border="0"> + ￥6000-￥8000 <img src="${ctx}/images/filter_cancel.jpg" /border="0" style="cursor:pointer"> + ￥6000-￥8000 <img src="${ctx}/images/filter_cancel.jpg" /border="0" -->		
	</span>　<a href="#" id="resetFilter" name="resetFilter" onclick="resetFilter();">（重置筛选条件）</a></li></ul></li>
	
	<logic:iterate id="ifilter" name="filterList">
		<logic:present name="ifilter" property="rangeList">
			<bean:define id="entity" name="ifilter" property="filter"/>
			<li><span>${entity.name}：</span><ul id="${entity.id}">
		
			<c:set var="selected" value="${historyRange[entity.id]}" />
			<logic:present name="selected">
				<li><a href="javascript:void(0);" class="filter_menu" value="all">全部</a></li>
			</logic:present>
			<logic:notPresent name="selected">
				<li><a href="javascript:void(0);" class="filter_all" value="all">全部</a></li>
			</logic:notPresent>
			<logic:iterate id="range" name="ifilter" property="rangeList">
				<c:set var="filterClass" value="filter_menu"/>
				<logic:present name="selected">
					<logic:equal name="selected" property="value" value="${range.value}">
						<c:set var="filterClass" value="filter_all"/>
					</logic:equal>
				</logic:present>
				<li><a href="javascript:void(0);" class="${filterClass}" value="${range.value}">${range.name}</a></li>
			</logic:iterate>
			</ul>
		</logic:present>
	</logic:iterate>
</logic:present>
<li style="clearAll;float:none;clear:both;display:block;width:0;height:0;border:0;padding:0;margin:0;line-height:0;font-size:0;"></li>
</ul></div>
<div class="products_compare" style="float:none;"><ul><span style=" float:left;padding:5px 5px 0px 5px; ">商品对比 >></span><li style="border:0px; text-align:center; padding:0px"><label>
<input type="button" name="compareButton" value="对比所选商品" class="products_compare_menu">
</label></li>
<div class="clearAll"></div>
</ul>
<div class="clearAll"></div>
</div>
<div class="products_status" style="float:none">
<%@ include file="/pages/safeai/jsp/common/shopPageList.jsp"%></div>
<div class="products_list">
	<ul >
<logic:iterate id="product" name="viesRange" property="records">
<li>
<span><a style="display:block;width:130px;height:130px;" href="${ctx}/product/productMessage.do?method=shopDeatails&id=${product.id}" target="_blank"><img src="${ctx}/product_image/${product.id}_1_130X130.jpg" style="width:130px;height:130px;" border="0" /></a>
	<dd><dl  class="product_compare"><label ><input type="checkbox" id="chkSel" name="chkSel" value="${product.id}" label="${product.name}" />
		</label><span style="color:#888888">商品对比</span></dl></dd></span>
	<ul>
	<li><img src="${ctx}/Brand_image/${product.brandId}.jpg" style="width:50px;height:15px;font-size:0;" /></li>
	<li>商品名称：<a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${product.id}" target="_blank"  class="pname">${product.name}</a></li>
	<li>商品简介：<a href="" target="_blank"  class="pname">${product.description4}</a></li>
	<li>
	<logic:present name="product" property="frees">
	   <logic:notEmpty name="product" property="frees">
			<div  class="sepresent"><img style="width:13px;height:14px;font-size:0;" src="${ctx}/images/zp.jpg" border="0" /> <font class="zp">有赠品</font></div>
		</logic:notEmpty>
	</logic:present>
	<logic:equal value="1" name="product" property="freeDeliver">
		<div  class="sepresent"><img src="${ctx}/images/freeshipping.jpg" /border="0"> <font class="freeshipping">免运费</font></div>
	</logic:equal>
	
	<div  class="sepresent">
		<font class="stock">
			<c:if test="${product.status==1}">
				库存状态：现货
			</c:if>
			<c:if test="${product.status==2}">
				库存状态：需订货
			</c:if>
			<c:if test="${product.status==3}">
				库存状态：暂时缺货
			</c:if>
		</font>
	</div>
     
	<div  class="seprice"><font style="color:#996600">锐意价:
		<logic:equal value="2" name="product" property="specialType">
				<font class="index_price">${product.specialPrice}</font>
			</logic:equal>
			<logic:notEqual value="2" name="product" property="specialType">
				<font class="index_price">${product.price}</font>
			</logic:notEqual>
		 元</font></div>
	</li>
	<li  style="padding-top:20px" >
		<c:if test="${product.status==1 || product.status==2}">
			<a href="${ctx}/shopping/viewShoppingCart.do?m=addProductForward&id=${product.id}&number=1" target="shoppingCart">
				<img style="width:73px;height:19px;font-size:0;" src="${ctx}/images/products_addcart.jpg" border="0" />
			</a>
		</c:if>
		<c:if test="${product.status==0 || product.status==3}">
			<a href="javaScript:void(0)" onClick="toProductnotify(${product.id},'${product.name}','${USERINFOFRONT.uid}');" ><img src="${ctx}/images/products_tongzhi.jpg"/border="0" /></a>
		</c:if>
	</li></ul>
</li>
</logic:iterate>

</ul>
</div>
<div class="clearAll"></div>
<div class="products_status" style="float:none">
	<%@ include file="/pages/safeai/jsp/common/shopPageList.jsp"%>
</div>
<div class="products_compare" style="float:none;"><ul><span style=" float:left;padding:5px 5px 0px 5px; ">商品对比 &gt;&gt;</span><li style="border:0px; text-align:center; padding:0px"><label>
<input type="button" name="compareButton" value="对比所选商品" class="products_compare_menu" />
</label></li></ul>
<div class="clearAll"></div>
</div>
</div>
<div class="middle_right">
   <div class="middle_right_content" style="float:none;clear:both;">
   
   
	<c:import url="/shop/frontAnnouncementManage.do?method=list1"></c:import>
	
   
<div  style="float:none;font-size:0;line-height:0;"></div></div>
   <div class="middle_right_content" style="float:none;clear:both;">
	<div class="middle_right_content_newstop" style="float:none;"><span class="middle_right_content_top_sorttext">数码单反销售排行 </span></div>
   <div class="sorts" style="float:none;">
    <ul id="sort" style="float:none;"> 
  
  <li  class="list" style="float:none;">
   
  		<ul style="float:none;">
  
  	 	<logic:iterate id="saleslist" name="saleslist1">
			<li id="li_newman_over_0" class="on"><a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${saleslist.product_id}" target="_blank"><img alt="" src="${ctx}${saleslist.product_image}"   /border="0" ></a>
	      	  <span><a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${saleslist.product_id}" target="_blank">${saleslist.name}</a></span></li>
	        <li id="li_newman_0" onmouseover="selproman(this, 1, 1, 0);" style="display:none;">${saleslist.name}</li>
  	 	</logic:iterate>

		<div class="clearAll"></div>
		
	  </ul>
    </li>
	</ul>
   </div>
    <div class="middle_right_content_bottom" style="float:none;font-size:0;line-height:0;"></div>
   </div>
   <style>
	.middle_right_ad pre p{padding:0;margin:0;}
</style>
      <div class="middle_right_ad"><pre style="margin:0;padding:0;">${sec6}</pre></div>
  <div class="middle_right_content" style="float:none;clear:both;">
  <div class="middle_right_content_newstop" ><span class="middle_right_content_top_forumtext">最近浏览</span></div>
  <div class="sorts" id="newlook">
  <ul id="sort"> 
  
  <li class="list" >
   
    <ul>
    <logic:present name="newlyLooks">
		<logic:iterate id="newlyLook" name="newlyLooks" indexId="index">    
           <li id="li_hotman_over_${index }" class="on" style="display:none;"><a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${newlyLook.value}" target="_blank"><img alt="" src="${ctx}/product_image/${newlyLook.value}_1_50X50.jpg"   /border="0"></a>
          		<span><a href="" target="_blank">${newlyLook.key}</a></span></li>
      		<li id="li_hotman_${index }" onmouseover="selproman(this, 2, 1, ${index });">${newlyLook.key}</li>	
		</logic:iterate>
	</logic:present>
         </ul>
    </li>
	<li style="margin:5px 0px;width:150px;text-align:center;float:none;" ><a href="javascript:void(0);"  onclick="removelook();" class="clear_manu">清空最近浏览记录</a></li>
  </ul></div><div class="middle_right_content_bottom" style="float:none;font-size:0;line-height:0;clear:both;"></div></div>
     <div class="middle_right_ad"><pre style="padding:0;margin:0;">${sec7}</pre></div>
</div>
<div class="clearAll"></div>
</form>
<div class="bottom">
	<c:import url="/pages/safeai/jsp/shop/bottom.jsp"></c:import>
	<div class="clearAll"></div>
</div>
</div>
</div>
</body>
</html>  